import Layout from "@/pages/Layout"
import Login from "@/pages/Login"
import { createHashRouter } from "react-router-dom"
import AuthRoute from '@/components/AuthRoute'
// import Home from "@/pages/Home"
// import Article from "@/pages/Article"
// import Publish from "@/pages/Publish"
import { lazy, Suspense } from "react"

// lazy函数对组件进行导入
const Home = lazy(() => import("@/pages/Home"))
const Article = lazy(() => import("@/pages/Article"))
const Publish = lazy(() => import("@/pages/Publish"))

const router = createHashRouter([
  {
    path: '/',
    element:<AuthRoute> <Layout /> </AuthRoute>,
    children: [
      {
        index: true,
        // path: '/',
        element: <Suspense fallback={'加载中...'}><Home /></Suspense>
      },
      {
        path: '/article',
        element: <Suspense fallback={'加载中...'}><Article /></Suspense>
      },
      {
        path: '/publish',
        element: <Suspense fallback={'加载中...'}><Publish /></Suspense>
      },
    ]
  },
  {
    path: '/login',
    element: <Login />
  }
])

export default router